<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>

<!-- 顶部导航 -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top scrolling-navbar white" th:fragment="nav">
    <div class="container">
        <a class="navbar-brand font-weight-bold title" href="/">ANOYI</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
                aria-controls="navbarTogglerDemo02"
                aria-expanded="false" aria-label="Toggle navigation">
            <i class="fa fa-align-justify" aria-hidden="true"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul class="list-unstyled navbar-nav mr-auto">
                <li class="nav-item ml-4">
                    <a class="nav-link title" href="/" data-offset="90">主页</a>
                </li>
                <li class="nav-item ml-4">
                    <a class="nav-link title" href="/blog" data-offset="90">博客</a>
                </li>
                <li class="nav-item ml-4">
                    <a class="nav-link title" href="/book" data-offset="90">书架</a>
                </li>
                <li class="nav-item ml-4">
                    <a class="nav-link title" href="/cncf" data-offset="90">云原生</a>
                </li>
                <li class="nav-item ml-4">
                    <a class="nav-link title" href="/p/e0dd555d948d" data-offset="90">关于</a>
                </li>
            </ul>
            <!-- Social Icon  -->
            <ul class="navbar-nav nav-flex-icons">
                <li class="nav-item" th:if="${custom.youtubeUrl}">
                    <a class="btn pink-gradient btn-rounded btn-sm font-weight-bold" th:href="${custom.youtubeUrl}"  data-offset="90">Youtube</a>
                </li>
                <li class="nav-item" th:if="${custom.githubUrl}">
                    <a class="btn pink-gradient btn-rounded btn-sm font-weight-bold" th:href="${custom.githubUrl}"  data-offset="90">Github</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- 网站底部 -->
<footer class="page-footer text-center text-md-left unique-color-dark pt-0" th:fragment="footer">
    <div style="background-color: #f95169;">
        <div class="container">
            <div class="streak streak-photo streak-md">
                <div class="flex-center mask">
                    <div class="container my-4">
                        <h5 class="text-center white-text font-weight-bold wow fadeIn" data-wow-delay="0.2s">
                            <strong>把一件事做到极致，该有的都会有的！</strong>
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 版权及备案信息 -->
    <div class="footer-copyright text-center py-3">
        <div class="container-fluid">
            2018 - 2021 © Anoyi  &nbsp;|&nbsp; <a href="http://www.beian.miit.gov.cn" target="_blank" th:if="${custom.icp}" th:text="${custom.icp}"> </a>
        </div>
    </div>
    <!-- /版权及备案信息 -->
</footer>

</body>
</html>